<style type="text/css">

#wrapper { 
 position:absolute;
 width:830px;
 height:750px;
 margin-left: 15%;
 overflow:hidden;
}

#main {
 position:absolute;
 top:0px;
 left:0px;
 color: #333;
 height: 720px;
 background: white;
 overflow:hidden;
}

#navbar {
 padding:0px; 
 position:absolute;
 top:720px;
 margin:0px;
 left:0px;
 color: #333;
 background: black;
 height: 20px;
 width:750px;
 }

ul#footbar {
 width:500px;
 list-style:none;
 height:68px;
}

ul#navbar li {	display:inline;  margin:0px;}

ul#navbar li a {
 margin:0px;
 height:20px;
 float:left;
  text-decoration:none;
 color:orange;
}

ul#navbar li#navbar-1 a{
text-indent:330px;
}

ul#navbar li#navbar-2 a{
text-indent:30px;
}

ul#navbar li#navbar-3 a {
text-indent:90px;
}

</style>

<div id="wrapper" align="center">
      <div id="main">
	    <img src="shop3.jpg"/>	
      </div>
	   <ul id="navbar" class="nm">
	   <li id="navbar-1"><a href="shop2.html" title="prev"> <<< </a></li>
	   <!--<li id="navbar-2"><a href="shop3.html" title="next"> >>> </a></li>-->
	   <li id="navbar-3"><a href="contact.html" title="contact-mel">keterangan lebih lanjut hubungi Melisya</a></li>
	   </ul>
	</div>
    </div>  



